<!DOCTYPE html>
<html>
<head>
    <title>Jamiexu ' S Blog</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maxmum-scale=1.0,user-scalable=off">
    <link rel="stylesheet" href="css/min.css">
    <script defer type="text/javascript" src="js/index.js"></script>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <!--    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">-->

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <!--    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->

</head>
<body>

<div id="head-content" class="head">
    <p id="head-title" class="title">Jamiexu ' S Blog</p>

    <div id="head-content-info" align="center" class="head-content">
        <p><img class="head-img" src="img/logo.jpg"></p>
        <p><label class="head-info">这里是简介啊，简介填这里来啊</label></p>
    </div>

    <div id="head-toolbar" class="head-toolbar">
        <nav class="head-toolbar-nav">
            <ul class="head-toolbar-nav-content">
                <li id="home" style="opacity: 0.5">首页</li>
                <li id="category" class="nav-operation">分类
                    <ul class="content-category">
                        <li>00000000000000000000000000000000000000000000000000000000</li>
                        <li>C++</li>
                        <li>Android</li>
                        <li>分类4</li>
                        <li>分类5</li>
                        <li>分类6</li>
                    </ul>
                </li>
                <li id="profile" class="nav-operation">归档
                    <ul class="content-category">
                        <li>今天</li>
                        <li>昨天</li>
                        <li>后天</li>
                    </ul>
                </li>
                <li id="other" class="nav-operation">其他
                    <ul class="content-category">
                        <li>今天</li>
                        <li>昨天</li>
                        <li>后天</li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div id="nav-scrollbar" class="head-toolbar-nav-scorllbar"></div>
    </div>
</div>

<div class="content">
    <div class="content-article" style="display: none">
        <ul>
            <li class="card-content">
                <dl>
                    <dd>
                        <div class="card-content-bg">

                            <div class="card-content-info">
                                作者：Jamie793</br>
                                分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                                标签：none</br>
                                时间：2020-04-06 14:46
                            </div>
                            <div class="card-content-bar">
                                <div class="card-content-bar-title">
                                    这里时标题啊
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd class="card-content-content"><span>这里时内容啊这容啊这里时内容啊容啊这里时内容啊容啊这里时内容啊里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊</span>
                    </dd>
                    <dd class="card-content-option">
                        <div style="color: #B2B2B2;border-top: 2px solid #eee;width: 100%">
                            <ul class="card-content-option-left"
                                style="float: left;width: 50%;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">0条评论</a>
                            </ul>
                            <ul class="card-content-option-right"
                                style="float: left;width: 49%;border-left: 2px solid #eee;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">阅读全文</a>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </li>


            <li class="card-content">
                <dl>
                    <dd>
                        <div class="card-content-bg">

                            <div class="card-content-info">
                                作者：Jamie793</br>
                                分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                                标签：none</br>
                                时间：2020-04-06 14:46
                            </div>
                            <div class="card-content-bar">
                                <div class="card-content-bar-title">
                                    这里时标题啊
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd class="card-content-content"><span>这里时内容啊这容啊这里时内容啊容啊这里时内容啊容啊这里时内容啊里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊</span>
                    </dd>
                    <dd class="card-content-option">
                        <div style="color: #B2B2B2;border-top: 2px solid #eee;width: 100%">
                            <ul class="card-content-option-left"
                                style="float: left;width: 50%;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">0条评论</a>
                            </ul>
                            <ul class="card-content-option-right"
                                style="float: left;width: 49%;border-left: 2px solid #eee;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">阅读全文</a>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </li>


            <li class="card-content">
                <dl>
                    <dd>
                        <div class="card-content-bg">

                            <div class="card-content-info">
                                作者：Jamie793</br>
                                分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                                标签：none</br>
                                时间：2020-04-06 14:46
                            </div>
                            <div class="card-content-bar">
                                <div class="card-content-bar-title">
                                    这里时标题啊
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd class="card-content-content"><span>这里时内容啊这容啊这里时内容啊容啊这里时内容啊容啊这里时内容啊里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊</span>
                    </dd>
                    <dd class="card-content-option">
                        <div style="color: #B2B2B2;border-top: 2px solid #eee;width: 100%">
                            <ul class="card-content-option-left"
                                style="float: left;width: 50%;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">0条评论</a>
                            </ul>
                            <ul class="card-content-option-right"
                                style="float: left;width: 49%;border-left: 2px solid #eee;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">阅读全文</a>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </li>


            <li class="card-content">
                <dl>
                    <dd>
                        <div class="card-content-bg">

                            <div class="card-content-info">
                                作者：Jamie793</br>
                                分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                                标签：none</br>
                                时间：2020-04-06 14:46
                            </div>
                            <div class="card-content-bar">
                                <div class="card-content-bar-title">
                                    这里时标题啊
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd class="card-content-content"><span>这里时内容啊这容啊这里时内容啊容啊这里时内容啊容啊这里时内容啊里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊</span>
                    </dd>
                    <dd class="card-content-option">
                        <div style="color: #B2B2B2;border-top: 2px solid #eee;width: 100%">
                            <ul class="card-content-option-left"
                                style="float: left;width: 50%;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">0条评论</a>
                            </ul>
                            <ul class="card-content-option-right"
                                style="float: left;width: 49%;border-left: 2px solid #eee;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">阅读全文</a>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </li>


            <li class="card-content">
                <dl>
                    <dd>
                        <div class="card-content-bg">

                            <div class="card-content-info">
                                作者：Jamie793</br>
                                分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                                标签：none</br>
                                时间：2020-04-06 14:46
                            </div>
                            <div class="card-content-bar">
                                <div class="card-content-bar-title">
                                    这里时标题啊
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd class="card-content-content"><span>这里时内容啊这容啊这里时内容啊容啊这里时内容啊容啊这里时内容啊里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊</span>
                    </dd>
                    <dd class="card-content-option">
                        <div style="color: #B2B2B2;border-top: 2px solid #eee;width: 100%">
                            <ul class="card-content-option-left"
                                style="float: left;width: 50%;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">0条评论</a>
                            </ul>
                            <ul class="card-content-option-right"
                                style="float: left;width: 49%;border-left: 2px solid #eee;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">阅读全文</a>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </li>


            <li class="card-content">
                <dl>
                    <dd>
                        <div class="card-content-bg">

                            <div class="card-content-info">
                                作者：Jamie793</br>
                                分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                                标签：none</br>
                                时间：2020-04-06 14:46
                            </div>
                            <div class="card-content-bar">
                                <div class="card-content-bar-title">
                                    这里时标题啊
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd class="card-content-content"><span>这里时内容啊这容啊这里时内容啊容啊这里时内容啊容啊这里时内容啊里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊</span>
                    </dd>
                    <dd class="card-content-option">
                        <div style="color: #B2B2B2;border-top: 2px solid #eee;width: 100%">
                            <ul class="card-content-option-left"
                                style="float: left;width: 50%;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">0条评论</a>
                            </ul>
                            <ul class="card-content-option-right"
                                style="float: left;width: 49%;border-left: 2px solid #eee;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">阅读全文</a>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </li>


            <li class="card-content">
                <dl>
                    <dd>
                        <div class="card-content-bg">

                            <div class="card-content-info">
                                作者：Jamie793</br>
                                分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                                标签：none</br>
                                时间：2020-04-06 14:46
                            </div>
                            <div class="card-content-bar">
                                <div class="card-content-bar-title">
                                    这里时标题啊
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd class="card-content-content"><span>这里时内容啊这容啊这里时内容啊容啊这里时内容啊容啊这里时内容啊里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊这里时内容啊</span>
                    </dd>
                    <dd class="card-content-option">
                        <div style="color: #B2B2B2;border-top: 2px solid #eee;width: 100%">
                            <ul class="card-content-option-left"
                                style="float: left;width: 50%;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">0条评论</a>
                            </ul>
                            <ul class="card-content-option-right"
                                style="float: left;width: 49%;border-left: 2px solid #eee;height: 53px;line-height: 53px">
                                <a href="javascript:void(0);">阅读全文</a>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </li>

        </ul>
    </div>


    <div class="content-reading">
        <div class="content-reading-top">
            <div class="content-reading-top-top">

                <div class="content-reading-top-info">
                    作者：Jamie793</br>
                    分类：<a href="https://blog.jamiexu.cn/index.php/category/Flash/">Flash</a></br>
                    标签：none</br>
                    时间：2020-04-06 14:46
                </div>

                <div class="card-content-bar">
                    <div class="card-content-bar-title">
                        这里时标题啊
                    </div>
                </div>

            </div>

            <div class="content-reading-content">
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
                这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊
            </div>


        </div>

        <div class="content-reading-center">
            <button class="content-reading-center-left">&lt;上一页</button>
            <button class="content-reading-center-right">下一页&gt;</button>
        </div>

        <div class="content-reading-bottom">


            <div class="content-reading-bottom-comment">
                <h4 style="margin-left: 30px">当前共有1条</h4>
                <div style="margin: 30px 20px;">
                    <dl>
                        <dd>
                            <img class="left-img" src="img/bg2.jpg">
                            <div class="center-info">
                                <p style="font-size: 20px">小明明</p>
                                <p style="font-size: 15px">2020-04-14 22:15</p>
                            </div>
                            <button class="right-btn">回复</button>

                        </dd>

                        <dd>
                            <hr style="margin: 10px" color="#eee">
                            <div style="margin-left: 75px">
                                这里是评论的内容啊
                            </div>
                        </dd>
                    </dl>
                </div>


            </div>


            <div class="content-reading-bottom-send-comment">
                <h4 style="margin-left: 30px">添加新评论</h4>
                <div class="info">
                    <div class="bor">
                        <p>*称呼</p>
                        <p><input type="text"></p>
                    </div>
                    <div class="bor">
                        <p>*邮箱</p>
                        <p><input type="text"></p></div>
                    <div class="bor">
                        <p>网站:</p>
                        <p><input type="text"></p>
                    </div>

                    <div class="bor">
                        <p>评论:</p>
                        <p><textarea type="text"></textarea></p>
                    </div>
                </div>
                <button class="btn">发表评论</button>
            </div>
        </div>
    </div>
</div>


<footer>
    <p>当前在线人数：1&nbsp;&nbsp;|&nbsp;&nbsp;五分内访问次数：1&nbsp;&nbsp;|&nbsp;&nbsp;今天共 13 人访问</p>
    <p>© 2020 Jamiexu ' S Blog</p>
    <p>Theme EsMble By Jamiexu | Powered by Typecho</p>
</footer>
</body>
</html>